<template>
    <div class="w-100 h-100">
    <containTemplete
     :secondTitles="['应急事件列表','事件区域数量']"
     :slotWidth="[50,50]"
     >
    
        <template #left>
            <div class="w-100 h-100">
                <!-- <h_normal
               :echartsId="'yjsj_fltj'"
               :echarts-data="echartsData"
               :derection="'h'"
               ></h_normal> -->
             <yjsjlb></yjsjlb>
            </div>
        </template>
        <template #middle>
            <div class="w-100 h-100">
                <h_normal
                :echartsId="'yjsj_qytj'"
                :echarts-data="echartsData_qy"
                :barWidth='30'
                unit=''
                yName='个'
               ></h_normal>
            </div>
        </template>
      <template #middle_control>
        <proSelect
          :optionsData="useOptions().year()"
          :defaultSelectValue="new Date().getFullYear()-1"
          v-model:select-value="left_value"
          :width="150"
        >
        </proSelect>
      </template>

    </containTemplete>
    </div>
</template>

<script setup lang='ts'>
import containTemplete from '@/components/project/containTemplete.vue';
import h_normal from '@/components/common/echart/h_nomal.vue';
import yjsjlb from './yjsjlb.vue'
import { useOptions } from "@/hook/useOptions";
const left_value = ref(new Date().getFullYear()-1)
const  echartsData=[
   

{ value: 55, name: '一月' },
{ value: 15, name: '二月' },
{ value: 52, name: '三月' },
{ value: 32, name: '四月' },
{ value: 55, name: '五月' },
{ value: 15, name: '六月' },
{ value: 52, name: '七月' },
{ value: 32, name: '八月' },
{ value: 55, name: '九月' },
{ value: 15, name: '十月' },
{ value: 52, name: '十一月' },
{ value: 32, name: '十二月' },

    
]
const  echartsData_qy=[
    {
        name:'建桥街道',
        value:33
    },
    {
        name:'晴川街道',
        value:45
    },{
        name:'鹦鹉街道',
        value:65
    },{
        name:'洲头街道',
        value:87
    }, {
        name:'琴断口街道',
        value:120
    },
    
]

</script>

<style scoped lang="less" >

</style>